@import "./base/mixin";
@import "./base/variables";
@import "./common";

html, body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: #F2F2F2;
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font: 14px/1.5 "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

a:focus,
a:active {
    outline: none;
}

a,
a:focus,
a:hover {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
}

ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.fixed {
    position: fixed;
}

#nprogress {
    .bar {
        z-index: 666666;
    }
    .spinner {
        z-index: 666666;
    }
}

//Vue 过渡动画
/*.fade-enter-active,
.fade-leave-active {
    transition: all .2s ease
}

.fade-enter,
.fade-leave-active {
    opacity: 0;
}*/
.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.28s;
}

.fade-enter,
.fade-leave-active {
    opacity: 0;
}

// Loading 样式
.el-loading-mask {
    z-index: 0;
}

//MessageBox
.errorMessageBox {
    .el-message-box__content {
        max-height: 400px;
        overflow-y: auto;
    }
}

.filter-wrapper {
    margin-bottom: 5px;
    .el-form-item {
        margin-bottom: 5px;
    }
    .toolbar {
        display: inline-block
    }
}

.pagination-container {
    margin-top: 20px;
}

.el-table thead {
    color: #2d2f33;
}

.el-tree {
    color: #2d2f33;
    .el-tree-node__content {
        height: 36px;
        line-height: 36px;
        .el-tree-node__expand-icon {
            font-size: 22px;
        }

    }
}

/*.profile-dropdown-menu{
    .popper__arrow{
        display: none;
        width: 100px;
        height: 100px;
    }
}*/

/*重置UEditor编辑器的toolbar的line-height，否则继承el-form中的line-height*/
.el-form-item {
    .el-form-item__content {
        .edui-default {
            line-height: 0;
            .edui-editor-bottombar {
                line-height: 20px;
            }
        }
    }
}

.back {
    width: 47px;
    height: 47px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 700;
    background-image: url("../static/img/back.png");
}

//选择文件按钮
.select-file-bto{
    padding: 0 15px;
    color: #fff;
    background-color: #409EFF;
    border-color: #409EFF;
    border: 1px solid transparent;
    font-size: 1rem;
    border-radius: 5px;
    font-size: 14px;
    &:hover{
        background: #66b1ff;
        border-color: #66b1ff;
        color: #fff;
    }
}


